
/* -- Pie --*/

article footer {
	font-size: 0.7em;
	left: 0;
	margin-left: 40px;
	margin-right: 40px;
	opacity: 0.6;
	position: absolute;
	text-align: center;
	top: 650px;
	width: 817px;
}


/* -- Portada --*/

.portada {
	text-align: left;
}

.portada header h1{
	margin-bottom: 100px;
	margin-top: 0;
	text-align: center;
}


.portada .logo-html, .portada .logo-css, .portada .logo-js {
	text-align: center;
}

.portada .logo-html {
	float: left;
	height: 255px;
	margin-right: 80px;
	width: 200px;
}

.portada .logo-css {
	float: left;
	height: 255px;
	margin-right: 80px;
	width: 200px;
}

.portada .logo-js {
	float: left;
	height: 255px;
	/*margin-left: 300px;*/
	width: 200px;
}

.texto-ejemplo {
	border: 1px dotted #999;
	display: inline-block;
	width: 300px;
}

.texto-ejemplo:hover {
	width: 600px;
}

.transicion .texto-ejemplo {
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	transition: all 500ms linear;
}
